@import 'common.less';
#top_wrap{
    border: 1px solid #EEEEEE;
    width: 1366px;
    ul{
        width:1190px;
        height:30px;
        margin: 0 auto;
        padding-right: 10px;
        li{
            float:right;
            border-right: 1px dashed gainsboros;
            a{
                text-align: center;
                line-height: 30px;
                padding: 2px 20px;
                border-right:1px dashed #EEEEEE;
                color:#666666;
                font-size: 12px;
                text-decoration: none;
             }
             .last{
                border-right:1px dashed white;  
              }
        }
    }
}
#search_box{
    width: 100%;
    border-bottom:1px solid #FF6699;
  #search{
    width: 1200px;
    height: 120px; 
    margin: 0 auto;
    position: relative;
    img{
        display: block;
        position: absolute;
        top:45px;left: 0px;
    }
    div{
        width: 520px;
        height: 55px;
        position: absolute;
        top:20px;left:360px;
        .bb{
            width: 56px;
            height: 24px;
            display: block;
            position: absolute;
            top:0px;left:0px;
            background: #F2F2F2;
            font-size: 12px;
            text-align: center;
            line-height: 24px;
        }
        .dp{
            width: 56px;
            height: 24px;
            display: block;
            position: absolute;
            top:0px;left:56px;
            background: #F2F2F2;
            font-size: 12px;
            text-align: center;
            line-height: 24px;
        }
        .search_text{
            width: 450px;
            height: 30px;
            position: absolute;
            top:24px;left:0px;
            border: 2px solid #FF6699;
        }
        .search_btn{
            width: 70px;
            height: 30px;
            display: block;
            position: absolute;
            top:24px;left:450px;
            background-color: #FF6699 ;
            background-image: url("../img/search.png");
            background-position-x: 50%;
            background-position-y: 50%;
            background-size: initial;
            background-repeat-x: no-repeat;
            background-repeat-y: no-repeat;
            background-attachment: initial;
            background-origin: initial;
            background-clip: initial; 
        }
    }
  }
}
#order_box{
    width: 1200px;
//  height: 600px;
    margin: 20px auto;
//  position: relative;
//  border: 1px solid red;
    .order_left{
        width: 170px;
        height: 600px;
//      position: absolute;
//      top:0px;left:0px;
        float:left ;
        border: 1px solid #E5E5E5;
        padding: 20px 10px 10px 30px;
        background: #FAFAFA;
        .my_order{
            width:170px;
            height: 35px;
            display: block;
            line-height: 35px;
            font-size: 15px;
            font-weight: bolder;
            text-decoration: none;
            color: #333333;

            &:hover{
                color: @re;
            }
        }
        ul{
            width: 170px;
            li{
                height: 35px;
                a{
                 color: #666;
                 font-size: 13px;
                 text-decoration: none;
                 line-height: 30px;
                 &:hover{
                     color:@re;
                 }
             }
                
            }

            
        }
    }
    .order_right{
        width:1020px;
//      height: 600px;
//      position: absolute;
//      top:0px;left:180px;
//      border:1px solid red;
         margin-left:5px;
        float: left;
        ul{
            width:1020px;
            height: 50px;
            background:#F2F2F2;
            margin-bottom: 20px;
            li{
                float: left;
                text-align: center;
                line-height: 50px;
                color: #000;
                font-weight: bolder;
                margin-right:40px;
                padding-left: 25px;
            }
            .order_title{
                width: 350px;
                height: 50px;
                margin-right: 0px;
            }
        }
        .order_info{
            width: 1020px;
//          height:180px ;
            border: 1px solid #ECECEC;
            border-bottom: none;
            p{
                width: 1020px;
                height: 50px;
                background: #FFF7EA;
                padding: 0px 5px;
                line-height: 50px;
                span{
                    padding-right: 30px;
                }
                .all_pay{
                    float: right;
                    margin-right: 20px;
                    color: @re;
                    font-weight: bolder;
                }
            }
            
            ol{
            width:1020px;
            height:140px;
              li{
                  float: left;  
              }
              .info_title{
                   width: 350px;
                   height:120px;
                   padding: 10px 10px;
                   img{
                       width: 70px;
                       height: 70px;
                       margin-right: 15px;
                       display: block;
                       float: left;
                   }
                   a{
                       display: block;
                       text-decoration: none;
                       color: #666;
                       &:hover{
                           color: @re;
                       }
                   }
                   span{
                       display: block;
                       color: #999;
                   }
              }
              .info_pr{
                  width: 120px;
                  height: 120px;
                  text-align: center;
                  line-height: 50px;
//                border: 1px solid red;
                  a{
                      text-decoration: none;
                      &:hover{
                          color: @re;
                      }
                  }
                  span{
                      display: block;
                      color: #666;
                      line-height:40px;
 
                  }
              }
              .info_sev{
                 width: 70px;
                 height: 120px;
//               border: 1px solid red;
              }
            }
            
        }
    }
}
#order_fooler{
    width: 100%;
    height: 60px;
//  background: #F9F9F9;
//  border-top: 2px solid #DADADA;
    p{
        width: 1200px;
        height: 60px;
        margin: 50px auto;
        text-align: center;
        line-height: 30px;
//      border-top: 2px solid #DADADA;
        
        span{
            display: block;
            font-size: 15px;
            color: #999;
        }
        
    }
}
